/** 
 * Project Name:sys-portal-Extjs 
 * File Name:Button.js 
 * Package Name: 
 * Author : 吴Yuan|小森森
 * Date:2019年1月17日上午11:54:49 
 * Copyright (c) 2019, 15909910367@163.com All Rights Reserved. 
 * 
 */
Ext.define('Jason.view.example.form.basic.Button',{
	extend:'Ext.panel.Panel',
	requires:[
		'Wys.button.DefaultBtn',
		'Ext.panel.Panel'
	],
	items:[
		{
			xtype : 'container',
			margin : 7,
			defaults:{margin:3},
			items : [
				{xtype:'button',text:'默认按钮'},
				{xtype : 'defaultBtn',text:'默认按钮',ui:'btn-default-success'},
				{xtype : 'defaultBtn',text:'成功按钮',ui:'btn-default-success'},
				{xtype : 'defaultBtn',text:'消息按钮',ui:'btn-default-info'},
				{xtype : 'defaultBtn',text:'警告按钮',ui:'btn-default-warning'},
				{xtype : 'defaultBtn',text:'危险按钮',ui:'btn-default-danger'}
			]
		},
		{
			xtype : 'container',
			margin : 7,
			defaults:{margin:3},
			items : [
				{xtype:'button',text:'朴素按钮'},
				{xtype : 'defaultBtn',text:'默认按钮',ui:'btn-plain-success'},
				{xtype : 'defaultBtn',text:'成功按钮',ui:'btn-plain-success'},
				{xtype : 'defaultBtn',text:'消息按钮',ui:'btn-plain-info'},
				{xtype : 'defaultBtn',text:'警告按钮',ui:'btn-plain-warning'},
				{xtype : 'defaultBtn',text:'危险按钮',ui:'btn-plain-danger'}
			]
		},
		{
			xtype : 'container',
			margin : 7,
			defaults:{margin:3},
			items : [
				{xtype:'button',text:'圆角按钮'},
				{xtype : 'defaultBtn',text:'默认按钮',ui:'btn-round-success'},
				{xtype : 'defaultBtn',text:'成功按钮',ui:'btn-round-success'},
				{xtype : 'defaultBtn',text:'消息按钮',ui:'btn-round-info'},
				{xtype : 'defaultBtn',text:'警告按钮',ui:'btn-round-warning'},
				{xtype : 'defaultBtn',text:'危险按钮',ui:'btn-round-danger'}
			]
		},
		{
			xtype : 'container',
			margin : 7,
			defaults:{margin:3},
			items : [
				{xtype:'button',text:'图标按钮'},
				{xtype : 'defaultBtn',iconCls:'fa fa-user',ui:'btn-icon-success'},
				{xtype : 'defaultBtn',iconCls:'fa fa-user',ui:'btn-icon-success'},
				{xtype : 'defaultBtn',iconCls:'fa fa-user',ui:'btn-icon-info'},
				{xtype : 'defaultBtn',iconCls:'fa fa-user',ui:'btn-icon-warning'},
				{xtype : 'defaultBtn',iconCls:'fa fa-user',ui:'btn-icon-danger'}
			]
		},
		{
	        xtype : 'codeField',
	        readOnly : true,
	        width : '97%',
	        margin : '0px 7px',
	        value : "调用方法：使用方法： \r\n 1、在需要使用的组件定义或者页面类中使用 requires:[\"Wys.button.DefaultBtn\"] 或 直接使用Ext自己的按钮Ext.requires(\"Ext.button.Button\") 将自定义组件引入 \r\n 2、将组件加入到要显示的容其中.如(items:[{xtype:'defaultBtn',ui:....略}]),即可完成调用\r\n 3、样式解释（直接给组件ui即可）\r\n 默认样式  \r\n   btn-default-success 默认按钮 \r\n   btn-default-success 成功按钮 \r\n   btn-default-info 消息按钮  \r\n   btn-default-warning 警告按钮 \r\n   btn-default-danger 危险按钮\r\n 朴素样式   \r\n   btn-plain-success 默认按钮 \r\n   btn-plain-success 成功按钮 \r\n   btn-plain-info 消息按钮  \r\n   btn-plain-warning 警告按钮 \r\n   btn-plain-danger 危险按钮\r\n 圆角样式   \r\n   btn-round-success 默认按钮 \r\n   btn-round-success 成功按钮 \r\n   btn-round-info 消息按钮  \r\n   btn-round-warning 警告按钮 \r\n   btn-round-danger 危险按钮"
	    }
	]
});